﻿
/*-----------------[初始化]--------------*/
body{color: #535353;font-size: 14px;line-height: 1.5;
    font-family:"微软雅黑","Microsoft Yahei";overflow-x: hidden;
}
a{color: #535353;}
a:hover{color: #000;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #535353;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #78899e;}
::-moz-placeholder {color: #78899e; }
::-ms-input-placeholder {color: #78899e;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 96%;max-width: 1100px;margin: 0 auto;}
.wp2{width: 96%;max-width: 1160px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
#hd{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;
    padding: 15px 0 25px;height: 55px;
    background-color: rgba(255,255,255,0.5);
    background: url(../images/white-alpha50.png) repeat left top \9;
}
.logo{float: left;display: block;height: 55px;line-height: 55px;}
.logo img{display: inline-block;vertical-align: middle;max-height: 100%;}


/*******************************
    -------[=导航]-------
********************************/
.nav{float: right;}
.nav li{float: left;margin-left: 20px;}
.nav .v1{font-size: 21px;display: block;line-height: 50px;padding: 0 5px;}
.nav .on .v1{border-bottom: 5px solid #ef9fc2;}

.menuBtn{font-size: 16px;color: #000;width: 60px;text-align: center;
    line-height: 40px;border: 2px solid #000;border-radius: 5px;
    float: right;margin-top: 7px;display: none;cursor: pointer;
}

#nv{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fixme{height: 100%;overflow: hidden;}
.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.6);
}

/*******************************
  -------[=banner]-------
*******************************/
#banner{position: relative;}
#banner .slick-dots{position: absolute;left: 0;bottom: 40px;width: 100%;text-align: center;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots a{display: inline-block;font-size: 0;line-height: 0;text-indent: 999px;width: 115px;height: 20px;background-color: #ef9fc2;}
#banner .slick-dots .slick-active a{background-color: #fff;}
#banner .slick-prev,#banner .slick-next{position: absolute;top: 0;height: 100%;width: 10%;
    font-size: 0;line-height: 0;text-indent: 999px;
}
#banner .slick-prev{left: 0;}
#banner .slick-next{right: 0;}

#banner li{
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#banner b{display: block;position: relative;height: 0;padding-top: 73%;overflow: hidden;}


/*******************************
  -------[=底部]-------
********************************/
#fd{background-color: #212121;color: #929292;}

.fhelp{padding: 60px 0 50px;overflow: hidden;line-height: 2;}
.finfo,.fm1{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.finfo{width: 25%;float: left;}
.finfo .intro p{margin-top: 15px;}

.fm1{width: 25%;float: left;padding: 0 10px;}
.fm1 .txt{margin-bottom: 20px;}
.fm1:last-child{padding-right: 0;}

.txt-list{}
.txt-list li{padding: 10px 0 15px;margin-bottom: 5px;border-bottom: 2px solid #2a2a2a;}
.txt-list a:hover{color: #ddd;}
.txt-list span{font-size: 12px;color: #595f5f;}
.txt-list span a{color: #726c63;}
.txt-list h4{font-weight: normal;font-size: 14px;color: #929292;overflow: hidden;
    white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.txt-list h4 a{color: #929292;}

.address-ul{}
.address-ul li{padding-left: 25px;background: url(../images/i-map.png) no-repeat left 7px;}
.address-ul .s1{background-image: url(../images/i-map.png);}
.address-ul .s2{background-image: url(../images/i-tel.png);}
.address-ul .s3{background-image: url(../images/i-mail.png);}

.fcopy{font-size: 15px;font-weight: bold;color: #595959;text-align: center;padding: 35px 0;background-color: #1b1b1b;}
.fcopy a{color: #726c63;}

#Totop{display: block;width: 35px;height: 35px;
    position: fixed;right: 5%;bottom: 5%;z-index: 99;
    background: url(../images/i-top.png) no-repeat center center;
}

/*******************************
    -------[=正文]-------
********************************/

/*******************************
    -------[=标题]-------
********************************/
.st1{height: 50px;font-size: 20px;color: #bdc2c2;font-weight: normal;}

.st2{font-size: 24px;color: #7f7445;margin-bottom: 25px;}

.tit1{padding: 60px 0;text-align: center;font-size: 16px;color: #707070;max-width: 980px;margin: 0 auto;}
.tit1 h3{color: #7b6c63;font-size: 40px;position: relative;padding-bottom: 25px;margin-bottom: 35px;}
.tit1 h3:after{content: '';height: 6px;width: 96px;
    position: absolute;left: 50%;bottom: 0;margin-left: -48px;background-color: #7b6c63;
}

/*******************************
    -------[=按钮]-------
********************************/
.btn1{color: #000;font-size: 16px;border: 2px solid #000;display: inline-block;line-height: 45px;padding: 0 15px;}

.btn2{display: block;background-color: #ef9fc2;color: #fff;text-align: center;line-height: 155px;font-size: 68px;margin: 10px 0;}
.btn2:hover{color: #fff;background-color: #eb7dad;}

.btn3{color: #000;font-size: 24px;border: 2px solid #000;display: inline-block;line-height: 51px;padding: 0 40px;border-radius: 5px;}


/*******************************
    -------[=背景色]-------
********************************/
.bg_grey{background-color: #f3f3f3;}

